<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023年5月10日
  Time: 14:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--1. 引入bootstrap的样式-->
<link rel="stylesheet" href="webjars/bootstrap/3.4.1/dist/css/bootstrap.min.css">
<!--2. 引入jquery-->
<script src="webjars/jquery/3.6.0/dist/jquery.min.js"></script>
<!--3. 引入bootstrap的js库-->
<script src="webjars/bootstrap/3.4.1/dist/js/bootstrap.min.js"></script>

<style>
    .container {
        margin-top: 10px;
    }

    .table {
        text-align: center;
    }
</style>
<html>
<head>
    <title>学生列表</title>
</head>
<body>
<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h1 class="panel-title">
                <h4>学生列表(SM + Servlet + Maven + BS + WebJars)</h4>
            </h1>
        </div>
        <%--
            关于表格中的样式说明如下:
            1. table 代表一个表格
            2. table-bordered 代表表格有边框线
            3. table-striped 代表表格出现斑马线
            4. table-hover 代表表格行会出现隔行变色效果
        --%>
        <table class="table table-bordered table-striped table-hover">
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
                <td>住址</td>
                <td>所在班级</td>
                <td>操作</td>
            </tr>
            <c:forEach items="${students}" var="st">
                <tr>
                    <td>${st.sid}</td>
                    <td>${st.sname}</td>
                    <td>${st.sex}</td>
                    <td>${st.age}</td>
                    <td>${st.addr}</td>
                    <td>${st.cname}</td>
                    <td>
                        <a href="" class="btn btn-success btn-sm">修改</a>
                        <a href="" class="btn btn-danger btn-sm">删除</a>
                    </td>
                </tr>
            </c:forEach>
        </table>

        <div class="panel-footer text-right">
            合众IT 2023.
        </div>
    </div>
</div>
</body>
</html>
